﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0;  outline: none; }
/* CSS Document */

.pic{ display:block; overflow:hidden; position:relative; background-size:cover; background-repeat:no-repeat; background-position: center center; }
.pic > img{ display:block; width:auto; transition:600ms; -webkit-transition:600ms; }

.ico,
.aw{ width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center center; transition:300ms; -webkit-transition:300ms; }

.cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.wsib,
.pager a{ display: inline-block; *zoom: 1; *display: inline; vertical-align:middle; font-size:14px; }


.bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.gray img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }

.ixproList a { display: block; position: relative; color: #fff; }
.ixproList .cover { background: rgba(0,0,0,0.6); }
.ixproList .txts { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }
.ixproList .txts .line { width: 1px; height: 0; background: #fff; left: 50%; position: absolute; transition: 300ms; -webkit-transition: 300ms; }
.ixproList .txts .line1 { top: 0; }
.ixproList .txts .line2 { bottom: 0; }
.ixproList .txts .ch {font-size: 20px;transition: 400ms;font-family: Microsoft JhengHei;-webkit-transition: 400ms;}
.ixproList .txts .en {transition: 400ms;-webkit-transition: 400ms;text-transform: uppercase;font-size: 50px;line-height: 46px;margin-top: 0px;font-family: a;}
.ixproList .txts .ico { width: 120px; height: 120px; margin: 0 auto; }
.promore { position: relative; display: block; width: 178px; height: 43px; background: #fff; color: #666; margin: 0 auto; font-weight: bold; }
.promore .aw {transition: none;-webkit-transition: none;position: relative;width: 0px;height: 100%;background: url(../images/see.png) no-repeat right center;margin-right: 0px;}
.promore .bg {height: 100%;background: #ee1b24;width: 0;}
.promore .txx {position: relative;font-family: Microsoft JhengHei;}
.ixproList .promore { transition: 400ms; -webkit-transition: 400ms; transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; visibility: hidden; }
.ixproList .txts .pa { padding-top: 6%; transition: 400ms; -webkit-transition: 400ms; }
.abti .line2 { width: 1px; height: 95px; display: block; margin: 0 auto; background: #ee1b24; margin-top: 43px; }
.ix2 { padding-top: 0px; }